<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="../css1/bootstrap.min.css"/>
	<script src="../js1/jquery.min.js"></script>
	<script src="../js1/bootstrap.min.js"></script>
	<script>
		$(function(){
			$('#ul1 li').click(function(){
				$(this).addClass('active').siblings().removeClass('active');
			})
		})
	</script>
</head>
<body style="margin-bottom: 60px;">

	<div >
		<center>
			<h3>岗位调动管理</h3>
				<div class="container-fluid">
					<label>查询员工列表</label><br />
					<input type="text" placeholder="请输入员工姓名或编号" />
					<button id="selectDeptInfo" class="btn btn-info">查询</button>
				</div>
				<br />
						
				<div>
					<table class="table table-hover">
						<tr>
							<td>部门编号</td>
							<td>部门名称</td>
							<td>员工名称</td>
							<td>员工姓名</td>
							<th>操作</th>
						</tr>
						<tr>
							<td>001</td><td>张三</td><td>19860121</td><td>建筑师</td>
							<td><a href="#">修改</a>&nbsp&nbsp&nbsp<a href="#">删除</a></td>
						</tr>
					</table>
				</div>
				<br />
						
				<div class="container-fluid">
					<label>已调动岗位员工信息查询</label><br />
					<label>请选择日期</label><br />
					<input type="text" placeholder="请输入开始日期" />
					<input type="text" placeholder="请输入结束日期" />
					<button id="selectDeptInfo" class="btn btn-info">查询</button>
				</div>
				<br />
					
				<div>
					<table class="table table-hover">
						<tr>
							<td>员工编号</td>
							<td>员工姓名</td>
							<td>调动方式</td>
							<th>操作</th>
						</tr>
						<tr>
							<td>001</td><td>张三</td><td>19860121</td>
							<td><a href="#">修改</a>&nbsp&nbsp&nbsp<a href="#">删除</a></td>
						</tr>
					</table>
				</div>
			
		</center>
	</div>
</body>
</html>